<template>
<div class="orderDetail">
  <van-nav-bar title="订单详情" left-arrow @click-left="$router.history.go(-1)" />
  <div class="flex_between address m-32">
    <!-- <img src='../../../public/images/address.png' /> -->
    <div class="message">
      <h1 class="normal_css">张先生 &nbsp&nbsp 188 8888 8888</h1>
      <p class="normal_css hide_otherTwo">三号楼三号楼三号楼三号楼三号楼三号楼</p>
    </div>
  </div>
  <div class="line"></div>
  <van-card num="2" tag="标签" price="2.00" desc="白色  10斤装" title="罐头海鲜花蛤即食罐罐头海鲜花蛤即食罐罐头海鲜花蛤即食罐罐头海鲜花蛤即食罐罐头海鲜花蛤即食罐罐头海鲜花蛤即食罐" :thumb="imageURL" origin-price="10.00">
    <div slot="footer">
      <van-button round size="small">评价</van-button>
      <van-button round size="small">申请退款</van-button>
    </div>
  </van-card>

  <div class="flex_between m-32">
    <p class="normal_css lineH-60">商品金额</p>
    <p class="normal_css lineH-60">+￥26.90</p>
  </div>
  <div class="flex_between m-32">
    <p class="normal_css lineH-60">运费</p>
    <p class="normal_css lineH-60">+￥26.90</p>
  </div>
  <div class="flex_between m-32">
    <p class="normal_css lineH-60">店铺优惠</p>
    <p class="normal_css lineH-60">-￥26.90</p>
  </div>
  <div class="flex_between m-32">
    <p class="normal_css lineH-60">平台红包</p>
    <p class="normal_css lineH-60">-￥26.90</p>
  </div>

  <div class="flex_between m-32">
    <p class="normal_css lineH-80">实付金额</p>
    <p class="normal_css red_ee4 lineH-80">￥26.90</p>
  </div>
  <div class="m-32 pt-60">
    <p class="normal_css lineH-40">订单编号：122333333465465563</p>
    <p class="normal_css lineH-40">创建时间：2018-01-20</p>
    <p class="normal_css lineH-40">付款时间：2018-01-20</p>
  </div>

</div>
</template>

<script>
export default {
  data() {
    return {
      // imageURL: require('../../../public/images/shop.png'),
    }
  },
  created() {

  },
  methods: {

  },
  computed: {

  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.address {
  height: 1.9rem
}

.address img {
  display: inline-block;
  ;
  width: 0.4rem;
  height: 0.4rem;
  margin-top: 0.75rem;
  margin-right: 0.32rem;
}

.address .message {
  flex: 1;
}

#app .address .message h1 {
  font: 0.26rem/0.7rem '';
}

#app .address .message p {
  font: 0.26rem/0.6rem '';
}

.line {
  height: 0.06rem;
  width: 100vw;
  /* background: url("../../../public/images/order_line.png") no-repeat; */
  background-size: 100% 100%;
}
</style>
